<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <title>个人中心</title>
    <!-- <link rel="dns-prefetch" href=""> -->
    <link rel="stylesheet" href="css/lib/reset.css">
    <link rel="stylesheet" href="css/index.css" />
    <script src="js/lib/flexible-163.js"></script>
    <script src="js/lib/jquery-2.2.4.min.js"></script>
    <script src="js/index.js"></script>
</head>

<body ontouchstart class="my-person">
    <!-- 返回上一页 -->
    <div class="header">
        <a class="go-back" href="javascript:void(0)" onclick="history.go(-1)">返回</a>
        <h1 class="title">个人中心</h1>
        <span class="service">服务声明</span>
    </div>

    <div class="wrapper">
        <!-- 主体内容部分s -->
        <div class="container">

            <div class="banner-box">
                <a href="" title="">
                    <img class="banner-img" src="images/banner-pic.jpg" alt="">
                </a>
            </div>

            <!-- 我的试用 -->
            <div class="part-box">
                <!-- 标题 -->
                <div class="part-title">
                    <span class="title-l">我的试用</span>
                    <span class="title-r"><a class="link" href="" title="查看全部试用">查看全部试用</a></span>
                </div>
                <!-- 列表 -->
                <div class="part-list">
                    <div class="list-item">
                        <!-- 试用列表 -->
                        <div class="item-con flex">
                            <span class="item-flex apply"><a class="link" href="" title="申请中...">申请中...</a></span>
                            <span class="item-flex apply-fail"><a class="link" href="" title="申请失败">申请失败</a></span>
                            <span class="item-flex apply-success"><a class="link" href="" title="申请成功">申请成功</a></span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 我的订单 -->
            <div class="part-box">
                <!-- 标题 -->
                <div class="part-title">
                    <span class="title-l">我的订单</span>
                    <span class="title-r"><a class="link" href="" title="查看全部订单">查看全部订单</a></span>
                </div>
                <!-- 列表 -->
                <div class="part-list">
                    <div class="list-item">
                        <!-- 订单列表 -->
                        <div class="item-con flex">
                            <span class="item-flex wait-pay">待付款</span>
                            <span class="item-flex wait-goods">待收货</span>
                            <span class="item-flex wait-recevice">已签收</span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 收货地址 -->
            <div class="part-box address-box">
                <!-- 标题 -->
                <div class="part-title">
                    <span class="title-l">管理我的收货地址</span>
                    <span class="title-r">查看全部地址</span>
                </div>
                <!-- 列表 -->
                <div class="part-list">
                    <div class="list-item">
                        <!-- 列表标题 -->
                        <div class="item-con item-title">
                            <div class="item-left">
                                <span class="item-option item-name">管丽丽</span>
                                <span class="item-option item-tel">13899908887</span>
                            </div>
                            <div class="item-right">
                                <span class="item-option item-add">新增</span>
                                <span class="item-option item-editor">修改</span>
                            </div>
                        </div>
                        <div class="item-con item-des">北京市丰台区丰台南路99号丰台大厦B座18层08室 北京市丰台区丰台南路99号丰台大厦B座18层08室</div>
                        <div class="item-con item-bottom">
                            <span>设为默认</span>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </div>

    <!-- 返回顶部 -->
    <div id="goTop"></div>



<script>
$(function () {

    

});
</script>

</body>

</html>
